// 定义模块，复用页面的头部、尾部
define(['jquery'], function($) {
	// 定义类，该类主要用于加载头部、尾部
	class LoadHeaderAndFooter {
		constructor() {	
			this.username = JSON.parse(sessionStorage.getItem('loginUser')) || []
			this.cart = JSON.parse(localStorage.getItem('cart')) || []
			this.loadHeader()
			this.loadFooter()
//			this.showName()
		}
		
		// 加载头
		loadHeader() {
			$('header').load('/html/header.html', () => {
				// 该回调函数是在 header.html 加载到 header 标签内部后再执行的函数
				this.addListener()
				this.cartNumber()
			})
		}
		
		addListener() {
				// 点击“注册”提交注册表单
				$(".title-str span").on('click',this.affirmCart)
				$('.form-login').on('submit', this.loginHandler)
				$('.form-register').on('submit', this.registerHandler)
				$('.readyLogin a').on('click',this.removeLogin)
				
				//显示已登录
				const username=sessionStorage.loginUser;
				if(username!=null){
					$(".affirmLogin").css("display","none")
					$(".readyLogin").css("display","block")
				}
				
				
			}

			// 实现注册处理
			registerHandler(e) {
				// 阻止表单的默认提交
				e.preventDefault()
				// 获取待提交的用户注册信息
				const data = $('.form-register').serialize()
				// 提交到后端注册:AJAX
				$.post('/php/register.php', data, (res) => {
					console.log(res)
					if (res.data.status === 1) { // 注册成功
//						location = '/index.html'
						alert("注册成功")
					} else { // 注册失败
//						$('.error').removeClass('hidden').text(res.data.message)
						alert("注册失败")
						
					}
				}, 'json')
			}
				//登录处理
				
			loginHandler(e) {
				// 阻止表单的默认提交
				e.preventDefault()
				// 获取待提交的用户注册信息
				const data = $('.form-login').serialize()
				// 提交到后端注册:AJAX
				$.post('/php/login.php', data, (res) => {
					if (res.data.status == 1) { // 登录成功
						// 保存登录成功的用户信息
						// 将登录用户的用户名保存到 cookie （或 localStorage/sessionStorage）中
						sessionStorage.loginUser = $("input:text[name='telephone']").val()
						// 跳转到首页
						location = '/index.html'
					} else { // 登录失败
//						$('.error').removeClass('hidden').text(res.data.message)
						alert(res.data.message)
					}
				}, 'json')
			}
			affirmCart(){
				const username=sessionStorage.loginUser
				if(username==null){
					alert("请先登录")
					const _regist=document.querySelector(".register"),
					  _login=document.querySelector(".login");
					document.querySelector(".mask").style.display="block";
					document.querySelector(".regist-login").style.display="block";
					_regist.style.zIndex="1000"
					_login.style.zIndex="1001"
					
				}else{						
					document.querySelector(".title-str").href="/html/buycart.html"			
				}
			}
			
			cartNumber(){
			
			let cartnum=Number(this.cart.length);
			$(".cartNum").text(cartnum)
		 }
			
			removeLogin(){
				sessionStorage.clear()
				$(".affirmLogin").css("display","block")
				$(".readyLogin").css("display","none")
			}

		

		// 加载尾部
		loadFooter() {
			$('footer').load('/html/footer.html',()=>{
				this.cartNumber()
			})
			
		}
	}

	return new LoadHeaderAndFooter()
})